<div>
<input type="checkbox" id="panel-activer">
<div class="panel-parent">
    <div class="side-panel ">
        <div>
            <enters :parentData="parentData" ref="enters"></enters>
        </div>
    </div>
    <div class="self consume-panel">

        <div class="flex">
            <el-card  :body-style="{ padding: '0px' } " class="el-card-item flex-center" >
                <span  @click="add" class=" fa el-icon-plus" style="font-size: 100px"></span>
            </el-card>


            <el-card v-for="flight ,index in flightInfo" :body-style="{ padding: '0px' } " class="el-card-item">
                    <img v-if="flight.flightKind=='公务机'" src="/dam/res/modules/sysSetting/flightInfo/query/images/airplane51.png" class="image" style="width: 100px">
                    <img v-if="flight.flightKind=='运输机'" src="/dam/res/modules/sysSetting/flightInfo/query/images/airplane111.png" class="image" style="width: 100px">
                    <img v-if="flight.flightKind=='直升机'" src="/dam/res/modules/sysSetting/flightInfo/query/images/flight.png" class="image" style="width: 100px">
                    <div style="padding: 14px;">
                        <div>
                            <span>机型：</span>
                            <span >{{flight.flightType}}</span>
                        </div>
                        <div>
                            <span>种类：</span>
                            <span >{{flight.flightKind}}</span>
                        </div>
                        <div class="bottom clearfix">
                            <el-button type="text" class="button" @click="deleteFlightInfo(flight,index)">删除</el-button>
                            <el-button type="text" class="button" @click="edit(flight,index)">编辑</el-button>
                            <el-button type="text" class="button" @click="show(flight)">详情</el-button>
                        </div>
                    </div>
            </el-card>

        </div>
    </div>
</div>
</div>